<!doctype html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<!-- BEGIN HEAD -->
<head>
<meta charset="UTF-8" />
<title>天天点餐后台管理</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta content="Mosaddek" name="author" />
<link href="../assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link href="../assets/bootstrap/css/bootstrap-responsive.min.css"
	rel="stylesheet" />
<link href="../assets/bootstrap/css/bootstrap-fileupload.css"
	rel="stylesheet" />
<link href="../assets/font-awesome/css/font-awesome.css"
	rel="stylesheet" />
<link href="../css/style.css" rel="stylesheet" />
<link href="../css/style-responsive.css" rel="stylesheet" />
<link href="../css/style-default.css" rel="stylesheet" id="style_color" />
<link
	href="../assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css"
	rel="stylesheet" />
<link href="../assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css"
	rel="stylesheet" type="text/css" media="screen">
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="fixed-top">
	<!-- BEGIN HEADER -->
	<div id="header" class="navbar navbar-inverse navbar-fixed-top">
		<!-- BEGIN TOP NAVIGATION BAR -->
		<div class="navbar-inner">
			<div class="container-fluid">
				<!--BEGIN SIDEBAR TOGGLE-->
				<div class="sidebar-toggle-box hidden-phone">
					<div class="icon-reorder tooltips" data-placement="right"
						data-original-title="更多"></div>
				</div>
				<!--END SIDEBAR TOGGLE-->
				<!-- BEGIN LOGO -->

				<a class="brand" th:href="@{/admin/admin}"> 天天后台管理 </a>

				<!-- END LOGO -->
				<!-- BEGIN RESPONSIVE MENU TOGGLER -->
				<a class="btn btn-navbar collapsed" id="main_menu_trigger"
					data-toggle="collapse" data-target=".nav-collapse"> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="arrow"></span>
				</a>
				<!-- END RESPONSIVE MENU TOGGLER -->
				<div id="top_menu" class="nav notify-row">
					<!-- BEGIN NOTIFICATION -->

				</div>
				<!-- END  NOTIFICATION -->
				<div class="top-nav ">
					<ul class="nav pull-right top-menu">
						<!-- BEGIN SUPPORT -->
						<li class="dropdown mtop5"><a class="dropdown-toggle element"
							data-placement="bottom" data-toggle="tooltip" href="#"
							data-original-title="咨询"> <i class="icon-comments-alt"></i>
						</a></li>
						<li class="dropdown mtop5"><a class="dropdown-toggle element"
							data-placement="bottom" data-toggle="tooltip" href="#"
							data-original-title="帮助"> <i class="icon-headphones"></i>
						</a></li>
						<!-- END SUPPORT -->
						<!-- 登录模块-->
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown"> <img src="../img/avatar1_small.jpg"
								alt=""> <span class="username">账号中心</span> <b
								class="caret"></b>
						</a>
							<ul class="dropdown-menu extended logout">
								<li><a th:href="@{/login}"><i class="icon-user"></i> 登录</a></li>
								<li><a th:href="@{/re}"><i class="icon-cog"></i>注册</a></li>
								<li><a href="eixt.html"><i class="icon-key"></i>退出</a></li>
							</ul></li>
						<!-- END USER LOGIN DROPDOWN -->
					</ul>
					<!-- END TOP NAVIGATION MENU -->
				</div>
			</div>
		</div>
		<!-- END TOP NAVIGATION BAR -->
	</div>
	<!-- END HEADER -->
	<!-- BEGIN CONTAINER -->
	<div id="container" class="row-fluid">
		<!-- BEGIN SIDEBAR -->
		<div class="sidebar-scroll">
			<div id="sidebar" class="nav-collapse collapse">

				<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
				<div class="navbar-inverse">
					<form class="navbar-search visible-phone">
						<input type="text" class="search-query" placeholder="Search" />
					</form>
				</div>
				<!-- END RESPONSIVE QUICK SEARCH FORM -->
				<!-- BEGIN SIDEBAR MENU -->
				<ul class="sidebar-menu">
					<li class="sub-menu"><a class="" th:href="@{/tb_list}"> <i
							class="icon-dashboard"></i> <span>餐桌管理</span>
					</a></li>
					<li class="sub-menu"><a class="" th:href="@{/cxlist}"> <i
							class="icon-th"></i> <span>菜系管理</span>
					</a></li>
					<li class="sub-menu"><a th:href="@{/findAll}" class=""> <i
							class="icon-tasks"></i> <span>菜品管理</span>
					</a></li>
					<li><a class="" th:href="@{/or_list}"> <i
							class="icon-user"></i> <span>订单管理</span>
					</a></li>
					<li><a class="" th:href="@{/u_list}"> <i class="icon-user"></i>
							<span>用户管理</span>
					</a></li>
					<li class="sub-menu"><a href="javascript:;" class=""> <i
							class="icon-th"></i> <span>关于</span>
					</a></li>

				</ul>
				<!-- END SIDEBAR MENU -->
			</div>
		</div>
		<!-- END SIDEBAR -->
		<!-- BEGIN PAGE -->
		<div id="main-content">
			<!-- BEGIN PAGE CONTAINER-->
			<div class="container-fluid">
				<!-- BEGIN PAGE HEADER-->
				<div class="row-fluid">
					<div class="span12">

						<!-- BEGIN PAGE TITLE & BREADCRUMB-->

						<ul class="breadcrumb">
							<li><a th:href="@{/admin/admin}">后台首页</a> <span
								class="divider">/</span></li>
							<li class="active">菜系管理</li>

						</ul>



						<!--  添加定义模态框触发器，此处为按钮触发  -->
						<h5>
							<button class="btn btn-primary" data-toggle="modal"
								data-target="#myModal">查询用户</button>
						</h5>
						<form method="post" action="/u_selectById"
							th:action="@{/u_selectById}" class="form-horizontal" role="form"
							id="myForm" onsubmit="return ">
							<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
								aria-labelledby="myModalLabel" aria-hidden="true">
								<!--  定义模态框，过渡效果为淡入，id为myModal,tabindex=-1可以禁用使用tab切换，aria-labelledby用于引用模态框的标题，aria-hidden=true保持模态框在触发前窗口不可见  -->
								<div class="modal-dialog">
									<!--  显示模态框对话框模型（若不写下一个div则没有颜色）  -->
									<div class="modal-content">
										<!--  显示模态框白色背景，所有内容都写在这个div里面  -->

										<div class="btn-info modal-header">
											<!--  模态框标题  -->
											<button type="button" class="close" data-dismiss="modal">&times;</button>
											<!--  关闭按钮  -->
											<h4>用户查询</h4>
											<!--  标题内容  -->
										</div>

										<div class="modal-body">
											<!--  模态框内容，我在此处添加一个表单 -->
											<form method="post" class="form-horizontal" role="form">
												<div class="form-group">
													<label for="name" class="col-sm-2 control-label">用户名称</label>
													<div class="col-sm-9">
														<input type="text" id="name" name="name"
															class="form-control well" placeholder="请输入用户名" />
													</div>
												</div>

											</form>
										</div>

										<div class="modal-footer">
											<!--  模态框底部样式，一般是提交或者确定按钮 -->
											<button type="submit" value="查询" class="btn btn-info">查询</button>
											<button type="button" class="btn btn-default"
												data-dismiss="modal">取消</button>
										</div>

									</div>
									<!-- /.modal-content -->
								</div>
							</div>
							<!-- /.modal -->
						</form>
					</div>

					<!-- END PAGE TITLE & BREADCRUMB-->
				</div>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN PAGE CONTENT-->

			<div class="row-fluid">
				<!-- BEGIN BASIC PORTLET-->
				<div class="widget green">
					<div class="widget-title">
						<h4>
							<i class="icon-reorder"></i>用户列表
						</h4>
						<span class="tools"> <a href="javascript:;"
							class="icon-chevron-down"></a> <a href="javascript:;"
							class="icon-remove"></a>
						</span>
					</div>
					<div class="widget-body">
						<table class="table table-bordered">
							<thead>
								<tr>
									<th>序号</th>
									<th>用户名</th>
									<th>密码</th>
									<th>电话</th>
									<th>注册时间</th>
									<th>用户类型</th>
									<th>操作</th>


								</tr>
							</thead>
							<tbody>
								<tr th:each="user:${list}">
									<td th:text="${user.id}"></td>
									<td th:text="${user.name}"></td>
									<td th:text="${user.password}"></td>
									<td th:text="${user.phone}"></td>
									<td th:text="${user.retime}"></td>
									<td th:text="${user.roleId}"></td>

									<td>
										<button class="btn btn-primary" data-toggle="modal"
											th:href="@{u_toupdate/(id=${user.id})}"
											data-target="#myModal">修改</button> <a class="btn btn-primary"
										th:href="@{u_delete/(id=${user.id})}">删除</a>

									</td>

								</tr>

							</tbody>
						</table>

					</div>
				</div>
				<!-- END BASIC PORTLET-->

				<div class="space10"></div>
				<!--END METRO STATES-->
			</div>
			<!-- END BODY -->
			<!-- Bootstrap的所有插件都依赖于jQuery，必须在引入bootstrap.min.js前引入jQuery -->
			<script
				src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
			<!-- 压缩版的bootstrap.min.js包含了所有的Bootstrap数据API插件 -->
			<script
				src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
			<!-- BEGIN JAVASCRIPTS -->
			<!-- Load javascripts at bottom, this will reduce page load time -->
			<script src="../js/jquery-1.8.3.min.js"></script>
			<script src="../js/jquery.nicescroll.js" type="text/javascript"></script>
			<script type="text/javascript"
				src="../assets/jquery-slimscroll/jquery-ui-1.9.2.custom.min.js"></script>
			<script type="text/javascript"
				src="../assets/jquery-slimscroll/jquery.slimscroll.min.js"></script>
			<script src="../assets/fullcalendar/fullcalendar/fullcalendar.min.js"></script>
			<script src="../assets/bootstrap/js/bootstrap.min.js"></script>

			<!-- ie8 fixes -->
			<!--[if lt IE 9]>
   <script src="js/excanvas.js"></script>
   <script src="js/respond.js"></script>
   <![endif]-->

			<script
				src="../assets/jquery-easy-pie-chart/jquery.easy-pie-chart.js"
				type="text/javascript"></script>
			<script src="../js/jquery.sparkline.js" type="text/javascript"></script>
			<script src="../assets/chart-master/Chart.js"></script>
			<script src="../js/jquery.scrollTo.min.js"></script>


			<!--common script for all pages-->
			<script src="../js/common-scripts.js"></script>

			<!--script for this page only-->

			<script src="../js/easy-pie-chart.js"></script>
			<script src="../js/sparkline-chart.js"></script>
			<script src="../js/home-page-calender.js"></script>
			<script src="../js/home-chartjs.js"></script>

			<!-- END JAVASCRIPTS -->
</body>
</html>
